{extends file='_base.tpl'}

{block name=content}
<div class="ui-grid-a">
    <div class="ui-block-a">
        <h2>Caracter&iacute;sticas</h2>
        <div id="caracteristicas">
            {$recurso['recurso_caracteristicas']}
        </div>
    </div>
    <div class="ui-block-b">
        <h2>Galer&iacute;a</h2>
        <div id="galleria">
            {foreach $fotos as $f}
                <img src="images/recursos/{$f['foto_ruta_acceso']}" />
            {/foreach}
        </div>
    </div>
</div>
        
<div style="padding: 15px;">
    
    <a href="map.php?idrecurso={$idrecurso}" 
       data-position-to="window" 
       data-role="button" 
       data-theme="b" 
       data-inline="true" 
       data-corners="true" 
       data-shadow="true" 
       data-iconshadow="true" 
       data-wrapperels="span" 
       aria-haspopup="true"
       data-ajax="false"
       >Ubicame</a>
    <a href="tel:{$recurso['recurso_telefono']}" 
       data-position-to="window" 
       data-role="button" 
       data-theme="b" 
       data-inline="true" 
       data-corners="true" 
       data-shadow="true" 
       data-iconshadow="true" 
       data-wrapperels="span" 
       aria-haspopup="true" 
       >Llamame</a>
    <br><br>
    
    <div data-role="collapsible" data-theme="b" data-content-theme="c">
        <h3>Compartime</h3>
        <p>
            <div class="fb-like" data-send="false" data-width="450" data-show-faces="true"></div>
        </p>
    </div>

</div>
      
{include file="boton_atras.tpl"}

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=370765403013741";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

{/block}